using System;
using ChartDirector;

namespace CSharpChartExplorer
{
    public class fourq : DemoModule
    {
        //Name of demo module
        public string getName() { return "4 Quadrant Chart"; }

        //Number of charts produced in this demo module
        public int getNoOfCharts() { return 1; }

        //Main code for creating chart.
        //Note: the argument img is unused because this demo only has 1 chart.
        public void createChart(WinChartViewer viewer, string img)
        {
            // XY points for the scatter chart
            double[] dataX0 = {10, 15, 6, -12, 14, -8, 13, -13, 16, 12, 10.5};
            double[] dataY0 = {130, 150, 80, 110, -110, -105, -130, 115, -170, 125,
                125};

            double[] dataX1 = {6, 7, -4, 3.5, 7, 8, -9, -10, -12, 11, 8};
            double[] dataY1 = {65, -40, -40, 45, -70, -80, 80, 10, -100, 105, 60};

            double[] dataX2 = {-10, -12, 11, 8, 6, 12, -4, 3.5, 7, 8, -9};
            double[] dataY2 = {65, -80, -40, 45, -70, -80, 80, 90, -100, 105, 60};

            // Create a XYChart object of size 600 x 300 pixels, with a light blue
            // (ccccff) background, a black border, and 1 pixel 3D border effect
            XYChart c = new XYChart(600, 480, 0xccccff, 0x000000, 1);

            // Add a title box to the chart using 16 pts Arial Bold Italic font, with
            // white text on deep blue background
            c.addTitle("Four Quadrant Chart Demonstration", "Arial Bold Italic", 16,
                0xffffff).setBackground(0x000080);

            // Set the plotarea at (20, 60) and of size 560 x 360 pixels, with grey
            // (808080) border, and light grey (c0c0c0) horizontal and vertical grid
            // lines. Set 4 quadrant coloring, where the colors of the quadrants
            // alternate between lighter and deeper grey (dddddd/eeeeee)
            c.setPlotArea(20, 60, 560, 360, -1, -1, 0x808080, 0xc0c0c0, 0xc0c0c0
                ).set4QBgColor(0xdddddd, 0xeeeeee, 0xdddddd, 0xeeeeee);

            // Set 4 quadrant mode, with both x and y axes symetrical around the
            // origin
            c.setAxisAtOrigin(Chart.XYAxisAtOrigin, Chart.XAxisSymmetric +
                Chart.YAxisSymmetric);

            // Add a legend box at (300, 460) (bottom center of the chart) with
            // horizontal layout. Use 8 pts Arial Bold font.
            LegendBox legendBox = c.addLegend(300, 460, false, "Arial Bold", 8);
            legendBox.setAlignment(Chart.BottomCenter);

            // Set legend box background to light grey (dddddd) with a black border
            legendBox.setBackground(0xdddddd, 0);

            // Set left/right margin to 20 pixels and top/bottom margin to 5 pixels
            legendBox.setMargin2(20, 20, 5, 5);

            // Add a titles to axes
            c.xAxis().setTitle("Alpha Index");
            c.yAxis().setTitle("Beta Index");

            // Set axes width to 2 pixels
            c.xAxis().setWidth(2);
            c.yAxis().setWidth(2);

            // Add scatter layer, using 15 pixels red (ff33333) X shape symbols
            c.addScatterLayer(dataX0, dataY0, "Group A", Chart.Cross2Shape(), 15,
                0xff3333);

            // Add scatter layer, using 15 pixels green (33ff33) 6-sided polygon
            // symbols
            c.addScatterLayer(dataX1, dataY1, "Group B", Chart.PolygonShape(6), 15,
                0x33ff33);

            // Add scatter layer, using 15 pixels blue (3333ff) triangle symbols
            c.addScatterLayer(dataX2, dataY2, "Group C", Chart.TriangleSymbol, 15,
                0x3333ff);

            // Output the chart
            viewer.Image = c.makeImage();

            //include tool tip for the chart
            viewer.ImageMap = c.getHTMLImageMap("clickable", "",
                "title='[{dataSetName}] Alpha = {x}, Beta = {value}'");
        }
    }
}

